視覺體系 SF Symbols （指南）

符號的視覺屬性

A 符號具備不同的粗細梯度。

B SF Symbols符號自動與文字對齊。

C 具備動態文字（大小）和粗體文字的功能特性。並在文字與符號之間保持視覺上的光學平衡

符號與字元的兩種對齊方式

A 垂直居中對齊：符號與大寫字母高度垂直居中對齊。

B 水平居中對齊：透過負間距保持符號之間的視覺平衡。尤其是設計類似變體符號（帶徽章）。

符號的變體種類

A 面性：但當我們想突出符號時，會變為填充樣式（面性符號）因為有更大的面積和顏色飽和度的差異性。

iOS中表單的滑動操作時，建議選用面性符號。面性圖示用來強週作用，一致性以及更好的控制指示區域。

在更小尺寸的場景中使用圓形多彩圖示可讀性更強。

B 線性。在導航欄、工具欄、使用線性符號。在列表中也選擇線性符號，因這樣與文字的一致性更強

C 斜槓的變體，用來表達刪除或顯示不可用狀態

D 不同的形態例如圓形，正方形和矩形

E 不同的變體可以讓介面設計更加豐富。

顏色對於圖示的價值

A 顏色增加符號體系的多樣化，有顏色的符號更容易傳達資訊和引人注意